@import "./../../../../../../../styles/variables";

.purpel {
  color: $purple;
}

.blue {
  color: $blue;
}

::ng-deep {
  app-item-frame-stats {
    .cold {
      .text,
      .value,
      .value.changed {
        color: $aqua;

        .text {
          color: $aqua !important;
        }
      }
    }

    .lightning {
      .text,
      .value,
      .value.changed {
        color: $yellow;

        .text {
          color: $yellow !important;
        }
      }
    }

    .chaos {
      .text,
      .value,
      .value.changed {
        color: $pink;

        .text {
          color: $pink !important;
        }
      }
    }

    .fire {
      .text,
      .value,
      .value.changed {
        color: $red;

        .text {
          color: $red !important;
        }
      }
    }

    .life {
      .text,
      .value,
      .value.changed {
        color: $red;

        .text {
          color: $red !important;
        }
      }
    }

    .mana {
      .text,
      .value,
      .value.changed {
        color: $river;

        .text {
          color: $river !important;
        }
      }
    }

    .es {
      .text,
      .value,
      .value.changed {
        color: $emerald;

        .text {
          color: $emerald !important;
        }
      }
    }
  }
}
